<template>
	<view class="">
		<view class="" >
			<view class="top" style="padding-top: 70rpx;">
				<!-- 顶部文字 -->
				<view class="mytitle">
					<view class=""
						style="margin-left: 38rpx;color: #FFFFFF; display: flex; justify-content: space-between;">
						<view>
							<!-- <view style="color: #FFFFFF;text-align: center;">药王星®</view>
							<view style="color: #FFFFFF;">YAOWANGXING</view> -->
							<image src="../../../static/aaa.png" mode=""
								style="width: 172rpx;height: 70rpx;margin-left: 38rpx;"></image>
						</view>
						<view style=" margin-right: 38rpx; display: flex; align-items: center;color: #FFFFFF;">

							<!-- 电话：400-3077-839 -->
							<!-- 							<image src="../../../static/sao.png" mode="" style="width: 33rpx; height: 33.05rpx;">
							</image> -->
						</view>
					</view>
				</view>
				<!-- 顶部文字end -->
				<!-- 搜索 -->
				<view class="myinput">
					<view style="width: 600rpx;">
						<input type="text" value="" placeholder="" v-model="mycontent" />
					</view>
					<view @click="gosearch()">
						<image src="../../../static/search.png" mode=""
							style="width:50rpx; height: 50rpx; margin-top: 10rpx;">
						</image>
					</view>
				</view>
				<!-- 搜索end -->
				<view class="resou" style="display: flex;">
					<view class="resou-tit">
						热搜：
					</view>
					<view class="" style="display: flex; flex-wrap: wrap;">
						<view class="myresou" v-for="(item,index) in jilu" style="margin-top: 10rpx;"
							@click="sousearch(item.goods_name)">
							{{item.goods_name}}
						</view>
					</view>

				</view>


				<!-- 轮播图 -->
				<view class="" style="width: 100%; height: 360rpx; margin-top: 30rpx;">
					<!-- 375*180px -->
					<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true"
						:circular="true" :autoplay="true" interval="5000" duration="500"
						style="width: 100%;height: 360rpx;">
						<swiper-item v-for="(item,index) in swiperList" :key="index" @click="goSwiper(item.adv_url)">
							<image :src="$util.img(item.adv_image)"
								style="width: 100%; height: 360rpx; border-radius: 20rpx;">
							</image>
						</swiper-item>
					</swiper>
				</view>
				<!-- 轮播图end -->


			</view>
			<!-- 分类 -->
			<view class="fenlei" style="margin-top: 20rpx;">
				<view v-for="(item,index) in categorylist" class="myicon" style="">
					<view @click="gotiao(item.category_id)" style="width: 100rpx; height: 100rpx;">
						<image :src="$util.img(item.category_pic)" mode="" style="width: 100rpx; height: 100rpx;">
						</image>
					</view>
					<view class="text" style=" display: flex;">
						{{item.category_name}}
					</view>
				</view>
				<view class="myicon" style="">
					<view style="width: 100rpx; height: 100rpx;" @click="gotiao(12)">
						<image src="../../../static/images/all.png" mode="" style="width: 100rpx; height: 100rpx;">
						</image>
					</view>
					<view class="text" style=" display: flex;">
						全部商品
					</view>
				</view>

			</view>
			<!-- 分类end-->
			<view class="mymain">



				<!-- banner图 -->
				<view class="mybanner" style="margin-top: 16rpx;" @click="active()">
					<image src="../../../static/banner.png" mode=""
						style="width: 640rpx; margin: 0 auto; height: 188rpx;"></image>
				</view>

				<!-- banner图 end-->
				<!-- 会员限时抢购 -->
				<!-- <view class="member">
					<view style="display: flex; justify-content: space-between;" @click="qiang()">
						<view class="member-top">
							<view class="qiang">
								会员限时抢购
							</view>
							<view class="member-tit">
								每天10点 准时上新
							</view>
						</view>
						<view class="">
							<text style="font-size: 24rpx; color: #B6B9C3;margin-right: 6rpx;">更多</text>
							<image src="../../../static/jiantou.png" mode=""style="width: 10rpx; height: 20rpx; margin-right: 24rpx;"></image>
						</view>
					</view>
					
					<view class="member">
						<scroll-view scroll-x="true"> 
							<view class="member-main" style=" display: flex;">
								<view class="myfor" v-for="item in 4" style="margin-right: 21rpx;">
									<view class="member-img">
										<image src="../../../static/1.png" mode="" style="width: 132rpx; height: 102rpx;">
										</image>
									</view>
									<view class="member-img-tit">
										<text>二甲双胍格本脲片(I)</text>
										<view class="" style="display: flex; justify-content: space-between;">
											<text style="font-size: 24rpx;font-family: Roboto; color: #DD4A4A;">¥2.59</text>
											<text style="font-size: 14rpx;font-family: Roboto; color: #E1E1E1;">¥4.89</text>
										</view>
									</view>
								</view>
							</view>
						</scroll-view>
					</view>
					
				</view> -->
				<!-- 会员限时抢购end -->
				<view class="active-tit">
					精选活动
				</view>
				<!-- 精选活动 -->
				<view class="member">
					<view style="display: flex; justify-content: space-between;" @click="myessence()">
						<view class="member-top">
							<view class="fuli">
								新人专享福利
							</view>
						</view>
						<view class="">
							<text style="font-size: 24rpx; color: #B6B9C3; margin-right: 6rpx;">更多</text>
							<image src="../../../static/jiantou.png" mode=""
								style="width: 10rpx; height: 20rpx; margin-right: 24rpx;"></image>
						</view>
					</view>
					<!-- 商品列表 -->
					<view class="member">
						<scroll-view scroll-x="true">
							<view class="member-main" style=" display: flex;">
								<navigator class="myfor" v-for="item in jingxuan" style="margin-right: 21rpx;"
									:url="'/pages/goods/detail/detail?goods_id=' + item.goods_id">
									<view class="member-img">
										<image :src="$util.img(item.pic_cover_small)" mode=""
											style="width: 132rpx; height: 102rpx;">
										</image>
									</view>
									<view class="member-img-tit">
										<view style="height: 100rpx;">{{item.goods_name}}</view>
										<view class=""
											style="display: flex; justify-content: space-between;align-items: center;">
											<text style="font-size: 24rpx;font-family: Roboto; color: #DD4A4A;">¥{{getToken?item.price:item.market_price}}</text>
											
											<!-- <text style="font-size: 24rpx;font-family: Roboto; color: #DD4A4A;">¥{{getToken}}</text> -->
												
										 <!-- <text
												style="font-size: 19rpx;font-family: Roboto; color: #E1E1E1;">¥{{item.market_price}}</text> -->
										</view>
									</view>
								</navigator>
							</view>
						</scroll-view>
					</view>
					<!-- 商品列表end -->
				</view>
				<!-- 精选活动end -->
				<!-- 图片 -->
				<view class="zhanshi">
					<view style="display: flex; justify-content:space-around; margin-top: 16rpx;">
						<image :src="$util.img(leftimg.adv_image)" mode=""
							style="width: 312rpx; height:384rpx ;border-radius: 26rpx;" @click="toimg(leftimg.adv_url)">
						</image>

						<view style="display: flex; flex-direction: column; margin-left: 16rpx;">
							<image :src="$util.img(rightimg[0].adv_image)" mode=""
								style="width: 312rpx; height: 184rpx ;border-radius: 26rpx;"
								@click="toimg(leftimg.adv_url)"></image>
							<image :src="$util.img(rightimg[1].adv_image)" mode=""
								style="width: 312rpx; height: 184rpx;border-radius: 26rpx; margin-top: 16rpx;"
								@click="toimg(leftimg.adv_url)"></image>
						</view>

					</view>
					<!-- <view style="margin-top: 32rpx;display: flex;">
						<image src="../../../static/images/1.jpg" mode=""style="width: 312rpx; height:184rpx ;border-radius: 26rpx; margin-right: 16rpx;"></image>
						<image src="../../../static/images/1.jpg" mode=""style="width: 312rpx; height:184rpx ;border-radius: 26rpx;"></image>
					</view> -->
				</view>

				<!-- 热门推荐 -->
				<view class="active-tit">
					热门推荐
				</view>
				<view class="myforr" style="display: flex;padding-bottom: 100rpx;float: left; flex-flow:row wrap;">
					<view class="mylist" style="" v-for="(item,index) in cartlist">
						<navigator :url="'/pages/goods/detail/detail?goods_id=' + item.goods_id">
							<image :src="$util.img(item.pic_cover_small)" style="width:312rpx; height: 300rpx;"></image>
							<view class="" style="padding-left: 25rpx;">
								<view style="font-size: 29rpx;">{{item.goods_name}}</view>
								<view
									style="font-size: 20rpx; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;">
									{{item.keywords}}
								</view>
								<view class="" style="display: flex; align-items: center;">
									<view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">￥{{getToken?item.price:item.market_price}}
									</view>
									<!-- <view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">￥{{item.price}}
									</view>
									<view style="font-size: 28rpx; color: 000000;">￥{{item.market_price}}</view> -->
								</view>


							</view>
						</navigator>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="myimg" v-if="isshowBtn" style="display: flex; justify-content: center; align-items: center;"
			@click="myisshow()">
			<image src="../../../static/index.png" mode="" style="width: 750rpx; height: 750px;margin-top: 0;"></image>

		</view> -->
	</view>
	
</template>
<script>
	import diyNotice from '@/components/diy-notice/diy-notice.vue';
	import http from 'common/js/http.js';
	export default {
		name: 'scroll',
		components: {
			diyNotice,
		},
		mixins: [http],
		data() {
			return {
				iconRootPath:"_www/static/",
				wgtver:'',
				getToken:'',
				cardCur: 0,
				swiperList: [],
				swiperList2: [],
				dotStyle: false,
				towerStart: 0,
				direction: '',
				cartlist: [],
				categorylist: [],
				category_id: '',
				leftimg: [],
				rightimg: [],
				templateData: [],
				title: '',
				index: 0,
				textArr: [{
					title: '',
				}],
				number: 0,
				timer: null,
				isshow: '',
				jingxuan: '',
				mycontent: '',
				commodity: '',
				jilu: '',
				version: '',
				huodong: '',
			};
		},


		computed: {
			text() {
				return {
					id: this.number,
					title: this.textArr[this.number]
				}
			}
		},
		mounted() {
			this.startMove();

		},
		onReady(){
		},
		onLoad() {
			console.log('获取appid')
		},
		onShow() {
			this.startWgt()
			this.getlist();
			this.getWapPageLayout();
			if(uni.getStorage('token')){
				this.getToken=uni.getStorageSync('token')
			}
			// 版本更新
		},
		methods: {
			startWgt(){
				var iphoneType=uni.getSystemInfoSync().platform;
				plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
					this.wgtver=widgetInfo.version;
					uni.setStorageSync('this.version.version_number',widgetInfo.version)
				    uni.request({  
				        url: 'https://yiyaoapp.xihewh.com/api.php?method=System.Member.getlink',  
				        data: {  
				            version: widgetInfo.version,  
				            name: widgetInfo.name  
				        },  
				        success: (result) => {  
				            var data = JSON.parse(result.data);
							//app版本号获取方式
							let topIconPath=plus.io.convertLocalFileSystemURL(this.iconRootPath)+"/uploadimg.png";			
							//plus.runtime.version; 与服务器的版本进行比较;
							const upDater=uni.requireNativePlugin("CL-UpDater");
							let options={
								title:"升级,有数据需要更新，请点击升级",
								con:"1、修复了登录输入框数据问题;2、优化了模块管理添加和删除卡顿问题",
								downUrl:iphoneType == 'android' ?'https://yiyaoapp.xihewh.com/'+data.data.link.download_address:'http://itunes.apple.com/cn/app/id1582764341?mt=8',//请设置下载apk地址,ios设置苹果商店的连接地址;
								hidCancelbtn:false,//可选 隐藏取消按钮
								btnBgColor:"#eb423b",//可选 按钮颜色
								updateBtnText:"立即升级",//可选, 升级按钮文字,
								verCode:"1.0.1",//最新apk版本号 可选  只有Android整包升级可以设置这个参数 ,可以避免用户取消安装apk时,重复下载问题,如果不传的话,apk将会重新下载
								hidBackBtn:false, //可选 只有android整包更新才可以控制后台更新按钮是否显示，热更新是不显示这个按钮的   	
								downMsgTip:"资源下载中，请稍后...", //可选(android)
								topImgBg:topIconPath//可选 除非需要自定义头部logo，否则不需要传;
							}
							
							//必需提供下载地址;
							upDater.startUpdate(options,()=>{
									iphoneType == 'android' ? plus.runtime.quit() : plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
								console.log("弹框关闭了");
											
							});	
							
							
							
							
							
							
							
							
							
				//注意：服务器的热更新版本号必需大于本地wgt版本号
				//http://192.168.50.201/update.wgt,
				// let topIconPath="../../";
				// let topIconPath=plus.io.convertLocalFileSystemURL(this.iconRootPath)+"/uploadimg.png";
				// let that=this;
				// //第一步要获取本地的wgt版本号；
				// const upDater=uni.requireNativePlugin("CL-UpDater");
				// let options={
				// 	title:"有数据需要更新，请点击更新",
				// 	con:"版本更新",
				// 	downUrl:iphoneType == 'android' ?'https://yiyaoapp.xihewh.com/'+data.data.link.download_address:'http://itunes.apple.com/cn/app/id1582764341?mt=8',
				// 	hidCancelbtn:false,//可选
				// 	btnBgColor:"#eb423b",//可选
				// 	downMsgTip:"资源下载中，请稍后...", //可选
				// 	updateBtnText:"升级",//可选 升级按钮文字,
				// 	topImgBg:topIconPath,//可选 除非需要自定义头部logo，否则不需要传;
				// }
				// //第一步创建文件下载路径，并创建文件;
				// plus.io.requestFileSystem(plus.io.PUBLIC_DOWNLOADS,function(fobject){
				// 	//设置文件下载根路径;	
				// 	let rootPath=fobject.root.fullPath;	
				// 	upDater.wgtUpdate(options,rootPath,result=>{
				// 		if(result)
				// 		{
				// 			var pathNew = plus.io.convertAbsoluteFileSystem(result);
				// 			console.log(pathNew);
				// 			plus.runtime.install(pathNew, {
				// 				force: false
				// 			}, function() {
				// 				//进行重新启动;
				// 				plus.runtime.restart();
				// 			}, (e) => {
				// 				uni.showToast({
				// 					title: '安装升级包失败'+JSON.stringify(e),
				// 					icon: 'none'
				// 				})								
								
				// 			});
							
				// 		}
									
				// 	},()=>{
				// 		iphoneType == 'android' ? plus.runtime.quit() : plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
				// 		console.log("弹框关闭了");
				// 	});
				// })
				        }  
				    });  
				});  
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				

						
			},
			myisshow() {
				uni.showModal({
					title: '提示',
					content: '您还未登录，请先登录',
					cancelText: "取消", // 取消按钮的文字  
					confirmText: "去登录", // 确认按钮文字  
					showCancel: false, // 是否显示取消按钮，默认为 true
					confirmColor: '#39B54A',
					cancelColor: '#f55850',
					success: (res) => {
						if (res.confirm) {
							uni.navigateTo({
								url: '/pages/login/login/login'
							})
						} else {
							console.log('else', res)
						}
					}
				})
			},
			active() {

				uni.navigateTo({
					url:'/pages/member/coupon/coupon'
					// url: '/pages/myactive/myactive?huodong=' + this.huodong
				})
			},
			toimg(e) {
				console.log('toimg==================', e)
				var aa = e.split("=")
				console.log('e==================', aa[1])
				if (e != 0) {
					uni.navigateTo({
						url: '/pages/goods/detail/detail?goods_id=' + aa[1]
					})
				}
			},
			goSwiper(e) {
				console.log('e==================', e)
				var aa = e.split("=")
				console.log('e==================', aa[1])
				uni.navigateTo({
					url: '/pages/goods/detail/detail?goods_id=' + aa[1]
				})

			},

			// 限时抢购
			qiang() {
				// var rob=JSON.stringify(this.rob)
				// uni.navigateTo({
				// 	url:'/pages/search/search?rob='+rob
				// })
			},
			//精选
			myessence() {
				var essence = JSON.stringify(this.jingxuan)
				uni.navigateTo({
					url: '/pages/search/search?essence=' + essence
				})
			},
			sousearch(e) {
				console.log(e)
				// this.mycontent = e
				uni.navigateTo({
					url: '/pages/search/search?mycontent=' + e
				})
			},
			// 搜索
			gosearch() {
				uni.navigateTo({
					url: '/pages/search/search?mycontent=' + this.mycontent
				})
				console.log('开始搜索', this.mycontent)
				// this.sendRequest({
				// 	url: 'System.Goods.sgoodsList',
				// 	data: {
				// 		mycontent:this.mycontent
				// 	},
				// 	success: res => {

				// 		console.log('搜索==', res)
				// 		if(res.data.data.length==0){
				// 			uni.showToast({
				// 				title:'未搜到商品信息'
				// 			})
				// 		}else{
				// 			// this.commodity =encodeURIComponent(JSON.stringify(res.data.data)) 
				// 			// console.log('this.commodity',this.commodity)
				// 			// uni.navigateTo({
				// 			// 	url:'/pages/search/search?commodity=' + this.commodity
				// 			// })

				// 		}

				// 	},
				// 	fail: res => {}
				// });
			},
			// 更新
			update() {
				plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
					uni.getSystemInfo({ //获取手机系统信息
						success: (res) => {
							console.log('当前手机系统为android', res)
							// 如果当前手机为android,则向后台请求安装包，升级应用
							if (res.platform == 'android') {
								console.log('当前手机系统为android')
								console.log("本机的", widgetInfo)
								uni.setStorageSync('this.version.version_number', widgetInfo.version)
								uni.request({
									url: 'https://yiyaoapp.xihewh.com/api.php?method=System.Member.getlink',
									data: {},
									success: (result) => {
										console.log("result============", JSON.parse(result
											.data))
										// 如果后台传来的版本号和本机的版本号不一样,并且本机的版本号<后台传来的版本号  提示更新
										if (widgetInfo.version != JSON.parse(result.data)
											.data.link.version_number && JSON.parse(result
												.data).data.link.version_number >
											widgetInfo.version) {
											uni.showModal({ //提醒用户更新
												title: "有新版本可以更新",
												content: "你确定要升级当前应用吗？",
												showCancel: false,
												success: (res) => {
													if (res.confirm) {
														let url =
															'https://yiyaoapp.xihewh.com/' +
															JSON.parse(result
																.data).data
															.link
															.download_address
														plus.runtime.openURL(
															url);
													}
													if (res.cancel) {
														let url =
															'https://yiyaoapp.xihewh.com/' +
															JSON.parse(result
																.data).data
															.link
															.download_address
														plus.runtime.openURL(
															url);
													}
												},

											})
										}
									}
								});
							} else {
								uni.showToast({
									title: '当前没有ios版本的安装包',
									icon: 'none',
									duration: 3000,
								})
							}
						}
					})



				});
			},

			// 判断登陆
			godeng() {
				// console.log('准备去登录')
				// pages/login/login/login
				uni.navigateTo({
					url: '/pages/login/login/login'
				})
			},
			mouseenter() {
				clearInterval(this.timer)
			},
			mouseleave() {
				this.startMove()
			},
			startMove() {
				this.timer = setTimeout(() => {
					if (this.number === 2) {
						this.number = 0;
						this.index = 0;
						// console.log('if===', this.number)
					} else {
						this.index = 1;
						this.number += 1;
						// console.log('else===', this.number)
					}
					this.startMove();
				}, 2000) // 滚动不需要停顿则将2000改成动画持续时间
			},

			getWapPageLayout() {

				var type = 2;
				this.sendRequest({
					url: 'NsDiyView.DiyView.getDiyView',
					data: {
						template_type: 'index',
						type: type
					},
					success: res => {
						// console.log('1111111111', res)
						let data = res.data;
						this.textArr = res.data.res
						// console.log('this.textArr====', this.textArr)
					},
					fail: res => {}
				});
			},
			getlist() {
				// console.log('请求接口')
				this.sendRequest({
					url: 'System.Member.getCate',
					success: res => {
						if (res.data.code == -9999) {
							// 未登录

						} else if (res.code == 0) {
							// Date ddd = new Date();
							var newDay = parseInt(new Date().getTime() / 1000)
							// 15552000  6个月前的时间戳(秒)
							
							if(res.data.order_info){
								if (parseInt(newDay - res.data.order_info.pay_time) > 15552000 || res.data.order_info.distribution_status == 1) {
									console.log("5555555555")
									uni.showModal({
										title: '提示',
										content: '你必须要续费才能正常使用',
										cancelText: "取消", // 取消按钮的文字  
										confirmText: "确定", // 确认按钮文字  
										showCancel: true, // 是否显示取消按钮，默认为 true
										success: (successRes) => {
											if (successRes.confirm) {
												
												console.log("resssssssssssssssssssssssssss",res)
											uni.navigateTo({
												url:'/pages/index/index/pay?out_trade_no='+res.data.order_info.out_trade_no
											})
											} else {
												if (uni.getSystemInfoSync().platform == 'ios'){
												    plus.ios.import("UIApplication").sharedApplication().performSelector("exit")
												} else if (uni.getSystemInfoSync().platform == 'android'){
												    plus.runtime.quit();
												}
											}
										}
									})
								}
							}
							
							// 登录
							this.leftimg = res.data.left[0],
								// console.log('this.leftimg====', this.leftimg)
								this.rightimg = res.data.right, //右展示图
								this.swiperList = res.data.bananer //轮播图
							this.swiperList2 = res.data.advertisement //轮播2
							this.jingxuan = res.data.recommend //精选商品
							this.jilu = res.data.host //热搜记录
							// console.log('this.swiperList2====', this.swiperList2)
							this.categorylist = res.data.category,
								this.cartlist = res.data.goods,
								this.category_id = res.data.category[0].category_id
							this.version = res.data.link
							this.huodong = res.data.huodong[0].adv_image
							console.log('活动', this.huodong)
							console.log('版本号是：', this.version.version_number)
							// uni.setStorageSync('this.version.version_number',this.version.version_number)
							// 设置缓存
							// getStorageSync
							// uni.setStorage({
							// 	data:this.version.version_number
							// })
						}

					}
				});
			},
			gotiao(e) {
				console.log('点击分类===', e)
				if (e == 12) {
					uni.navigateTo({
						url: '/pages/search/search?mycontent=' + ''
					})
				} else {
					uni.switchTab({
						url: '/pages/goods/category/category?e=' + e,
					})
					uni.setStorageSync('id', e)
				}

			}
		}
	}
</script>
<style>
	.myinput {
		padding-left: 30rpx;
		padding-right: 30rpx;
		font-size: 26rpx;
		background-color: #FFFFFF;
		width: 640rpx;
		margin: 0 auto;
		height: 78rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 40rpx;
	}

	.mylist {
		width: 312rpx;
		background: #FFFFFF;
		margin-bottom: 32rpx;
		border-radius: 20rpx;
		margin-right: 8rpx;
	}

	.fuli {
		margin-right: 17rpx;
		font-size: 30rpx;
		font-family: Source Han Sans SC;
		text-align: center;
		color: #FFFFFF;
		width: 209rpx;
		height: 50rpx;
		background: #60A3F0;
		border-radius: 20rpx 0rpx 30rpx 0rpx;
	}

	.active-tit {
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		font-size: 36rpx;
		font-family: Source Han Sans SC;
		font-weight: bold;
		line-height: 54rpx;
		color: #000000;
	}

	.member-main {
		width: auto;
		padding-left: 34rpx;

		margin-top: 25rpx;
		margin-bottom: 18rpx;

	}

	.member-img-tit {
		width: 160rpx;
	}

	.member-img {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 160rpx;
		height: 160rpx;
		background-color: #F9F9F9;

	}

	.member-tit {
		font-size: 30rpx;
		color: red;
	}

	.member-top {
		display: flex;
	}

	.qiang {
		margin-right: 17rpx;
		font-size: 30rpx;
		font-family: Source Han Sans SC;
		text-align: center;
		color: #FFFFFF;
		width: 209rpx;
		height: 50rpx;
		background: #E63A38;
		opacity: 1;
		border-radius: 20rpx 0rpx 30rpx 0rpx;
	}

	.member {
		width: 640rpx;
		margin: 0 auto;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 20rpx;
	}

	.myresou {
		display: flex;
		padding-left: 16rpx;
		padding-right: 16rpx;
		margin: auto 0;
		width: auto;
		margin-right: 15rpx;
		background-color: #5E82E1;
		color: #FFFFFF;
		border-radius: 20rpx;
	}

	.resou-tit {
		display: flex;
		margin-top: 10rpx;
		width: 120rpx;
		display: flex;
		flex-direction: row;
		font-size: 24rpx;
		font-family: Source Han Sans SC;
		color: #FFFFFF;

	}

	.resou {
		display: flex;
		width: 640rpx;
		margin: 0 auto;
		margin-top: 26rpx;

	}

	.myinput {

		margin-top: 113rpx;
		background-color: #FFFFFF;
		width: 640rpx;
		margin: 0 auto;
		height: 78rpx;
		opacity: 1;
		border-radius: 40rpx;
	}

	.text {
		font-size: 28rpx;
		font-family: Source Han Sans SC;
		color: #333333;
		margin-top: 10rpx;
	}

	.myicon {
		width: 25%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

	}

	.fenlei {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		border-radius: 20rpx;
		padding: 29rpx 0;
		width: 100%;
		margin: 0 auto;
		height: 386rpx;
		background-color: #FFFFFF;
		margin-top: 16rpx;
	}

	.mymain {
		width: 640rpx;
		margin: 0 auto;
		background-color: #F6F5F5;

	}

	.top {
		width: 100%;
		height: auto;
		background: url(../../../static/sousuo.png) no-repeat;
		background-size: 100% 502rpx;

	}
</style>
